<template>
  <div :class="['fwwccwh']" :style="">
    <div v-for="item in imglist" :style="{padding: getscalepxc(5)}">
      <img
        :src="'/configuration/logo/' + item + '.png'"
        alt
        class="titlelogo"
        :style="logostyleses"
        @click="imgclick"
      />
    </div>
  </div>
</template>
<script>
import commonmixins from '@/mixins/bigScreen/commonmixins';
export default {
  name: "titlelogozzn",
  mixins: [commonmixins],
  components: {},
  props: {},
  data() {
    return {
      imgwidth: "100px",
      logostyleses: {
        width: '100px',
        '-moz-opacity':0.6,
        opacity: 0.6,
      }
    };
  },
  computed: {
    imglist() {
      return this.componentDetail.imgname.split("|");
    },
  },
  watch: {},
  mounted() {
    this.logostyleses.width = this.getscalepxc(30)
  },
  methods: {
    loadData() {},
    imgclick() {
      window.location.href =
        "http://192.168.1.89:8686/#/system-manage/large-screen";
    },
  },
};
</script>
<style lang='scss' scoped>
.titlelogo {
  width: var(--imgwidth);
  cursor: pointer;
}
</style>